<link rel="stylesheet" href="./demo.css">

<div class="box box1">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li> 
    </ul>
</div>

<div class="box box2">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li> 
    </ul>
</div>



<script src="./demo.js"></script>
<script>
let swiper1 = new Swiper('.box1')
let swiper2 = new Swiper('.box2')

</script>